<div class="nav-table" style="overflow: inherit">
	<div class="long-title">
		<span class="all-goods">全部分类</span>
		<div class="category-all">
			<ul class="parent-category">
				<li th:each="c:${categories}" id="categories">
					<a th:text="${c.name}" th:id="|category_name:${c.name};category_id:${c.id};pid:${c.parent_id};page:1;limit:36;|" style="display: inline-block;"></a>
					<ul style="background: #000;position: absolute;display: none;z-index: 93333;width: 400px;" class="child-category">
						<li th:each="s:${c.son}" style="display: block;float: left;margin-left: 5px;padding: 0px 5px;">
							<a th:text="${s.name}" th:id="|category_name:${s.name};category_id:${s.id};pid:${s.parent_id};page:1;limit:36;|" style="color: #fff;"></a>
						</li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
	<script type="text/javascript">
		$(".child-category>li").mouseover(function () {
			$(this).children("a").css("color","#000");
		});
		$(".child-category>li").mouseout(function () {
			$(this).children("a").css("color","#fff");
		});
		$(".category-all a").css("display","block");
		$(".parent-category>li").on('mouseover',function () {
			var width=$(this).width();
			var height=$(this).height();
			var son=$(this).children("ul");
			son.css("display","block");
			son.css("margin-top",(-height)+"px");
			son.css("left",width+"px");
		});
		$(".parent-category>li").on('mouseout',function () {
			$(this).children("ul").css("display","none");
		});
	</script>
	<div class="nav-cont">
		<ul>
			<li class="index"><a href="/">首页</a></li>
			<li th:each="c,i:${channel}" th:class="${i.count} lt ${channel.size()}?'qc':'qc last'"><a th:href="${c.url}" th:text="${c.name}"></a></li>
		</ul>
		<div class="nav-extra">
			<i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的福利
			<i class="am-icon-angle-right" style="padding-left: 10px;"></i>
		</div>
	</div>
</div>